<p>screen-recording works!</p>
屏幕录制
<div style="padding: 20px;">
  <br>
  <button nz-button nzType="primary" (click)="handleStart()">开始</button>
  <br>
  <br>
  <button nz-button nzType="primary" (click)="handleStop()">结束</button>
</div>
<hr>
<div class="record-control-container">
  <div class="control-buttons">
    <button class="btn-start" (click)="startRecording()" [disabled]="isRecording" [ngClass]="{'disabled': isRecording}">
      <!-- 🎬 开始录制 -->
      开始录制
    </button>

    <button class="btn-stop" (click)="stopRecording()" [disabled]="!isRecording" [ngClass]="{'disabled': !isRecording}">
      <!-- ⏹️ 结束录制 -->
      结束录制
    </button>
  </div>

  <div class="status-display">
    <div class="status-text" [ngClass]="getStatusClass()">
      {{ recordingStatus }}
    </div>

    <!-- 录制中显示实时时间 -->
    <div *ngIf="isRecording" class="time-display recording">
      {{ displayTime }}
    </div>

    <!-- 结束后显示最终时长 -->
    <div *ngIf="!isRecording && finalDuration" class="time-display final">
      录制时长：{{ finalDuration }}
    </div>
  </div>
</div>